.left {
    background: url('../../images/users/left.jpg');
    width: 290px;
    height: 319px;
}

.left > .user-img {
    margin-top: 20px;
    margin-left: 55px;
}

.left > .user-name {
    margin-top: 22px;
    margin-left: 35px;
    font-weight: bold;
}

.right {
    background: url('../../images/users/right.jpg');
    width: 467px;
    height: 319px;
    padding-left: 27px;
}

.right > .title {
    background: url('../../images/users/ms_menu_bar.jpg');
    width: 180px;
    height: 30px;
}

.right > .title > .btn {
    width: 89px;
    height: 30px;
    float: left;
    cursor: pointer;
}

.prop-click {
    background: url('../../images/users/ms_menu_bar.jpg') 0 -30px;
}

.friend-click {
    background: url('../../images/users/ms_menu_bar.jpg') -90px -30px;
}

.user-info li {
    float: left;
    width: 220px;
    font-size: 13px;
    line-height: 30px;
}

.friend-info > .item {
    margin-right: 20px;
    width: 210px;
    float: left;
}

.friend-info > .item > .title {
    margin-top: 10px;
    margin-bottom: 5px;
}

.friend-info > .item > .play-name {
    margin: 10px 0;
}

.friend-info > .item > .play-name > input {
    border: 1px solid #999;
    border-radius: 3px;
    padding-left: 5px;
}

.friend-info > .item > .list {
    height: 175px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
}

.friend-info .btn-group {
    margin-left: 55px;
}

.friend-info .btn-group > * {
    float: left;
    margin-left: 5px;
    cursor: pointer;
}